import { toast } from "@/lib/toast-with-audio";
import { cn } from "@/lib/utils";

// Empty component
export function Empty() {
  return (
    <div className={cn("flex flex-col h-full items-center justify-center py-16")} onClick={() => toast('此功能即将上线')}>
      <div className="w-24 h-24 bg-gray-100 rounded-full flex items-center justify-center mb-4">
        <i className="fa-solid fa-clock text-gray-400 text-3xl"></i>
      </div>
      <h3 className="text-xl font-semibold text-gray-700 mb-2">功能开发中</h3>
      <p className="text-gray-500 text-center max-w-md">此功能正在紧张开发中，敬请期待...</p>
      <button 
        className="mt-6 px-6 py-2 bg-blue-50 text-blue-600 rounded-lg hover:bg-blue-100 transition-colors"
        onClick={(e) => {
          e.stopPropagation();
          toast('感谢您的关注');
        }}
      >
        了解更多
      </button>
    </div>
  );
}